<%--
  Created by IntelliJ IDEA.
  User: Mi
  Date: 2021/6/24
  Time: 18:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">

    <title>田氏售后</title>
    <link rel="shortcut icon" href="/imgs/田.ico">
    <!-- Additional CSS Files -->
    <link rel="stylesheet" type="text/css" href="assets3/css/bootstrap.min.css">

    <link rel="stylesheet" type="text/css" href="assets3/css/font-awesome.css">

    <link rel="stylesheet" href="assets3/css/templatemo-softy-pinko.css">

</head>

<body>

<!-- ***** Preloader Start ***** -->
<div id="preloader">
    <div class="jumper">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>
<!-- ***** Preloader End ***** -->


<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="main-nav">
                    <!-- ***** Logo Start ***** -->
                    <a href="#" class="logo">
                        <img src="/imgs/biaotilogo.png" alt="Softy Pinko"/>
                    </a>
                    <!-- ***** Logo End ***** -->
                    <!-- ***** Menu Start ***** -->
                    <ul class="nav">
                        <li><a href="#welcome" class="active">主页</a></li>
                        <li><a href="#features">关于售后</a></li>
                        <li><a href="#work-process">售后服务</a></li>
                        <li><a href="#testimonials">用户体验</a></li>
                        <li><a href="#pricing-plans">加入会员</a></li>
                        <li><a href="#blog">套餐服务</a></li>
                        <li><a href="#contact-us">联系田氏</a></li>
                    </ul>
                    <a class='menu-trigger'>
                        <span>Menu</span>
                    </a>
                    <!-- ***** Menu End ***** -->
                </nav>
            </div>
        </div>
    </div>
</header>
<!-- ***** Header Area End ***** -->

<!-- ***** Welcome Area Start ***** -->
<div class="welcome-area" id="welcome">

    <!-- ***** Header Text Start ***** -->
    <div class="header-text">
        <div class="container">
            <div class="row">
                <div class="offset-xl-3 col-xl-6 offset-lg-2 col-lg-8 col-md-12 col-sm-12">
                    <h1>田氏提供最优质的<strong>售后服务</strong><br>顾客即<strong>上帝</strong></h1>
                    <p>田氏影音娱乐服务业提供餐饮、购票、售后一条龙服务，给您最优质的观影体验
                                        百年田氏，服务优质</p>
                    <a href="#features" class="main-button-slider">了解更多</a>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Header Text End ***** -->
</div>
<!-- ***** Welcome Area End ***** -->

<!-- ***** Features Small Start ***** -->
<section class="section home-feature">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="row">
                    <!-- ***** Features Small Item Start ***** -->
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s">
                        <div class="features-small-item">
                            <div class="icon">
                                <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                            </div>
                            <h5 class="features-title">现代化商业模式</h5>
                            <p>田氏院线一直是国内服务业的龙头老大影院公司.让您体验全球顶尖的娱乐服务</p>
                        </div>
                    </div>
                    <!-- ***** Features Small Item End ***** -->

                    <!-- ***** Features Small Item Start ***** -->
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s">
                        <div class="features-small-item">
                            <div class="icon">
                                <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                            </div>
                            <h5 class="features-title">优质的服务产业链</h5>
                            <p>提供餐饮、观影、服务、售后一条龙服务，为您带来顶级的观影体验</p>
                        </div>
                    </div>
                    <!-- ***** Features Small Item End ***** -->

                    <!-- ***** Features Small Item Start ***** -->
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.6s">
                        <div class="features-small-item">
                            <div class="icon">
                                <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                            </div>
                            <h5 class="features-title">顾客至上的服务遵旨</h5>
                            <p>秉承顾客即上帝的服务宗旨，田氏在售后服务的道路上不断探寻</p>
                        </div>
                    </div>
                    <!-- ***** Features Small Item End ***** -->
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ***** Features Small End ***** -->

<!-- ***** Features Big Item Start ***** -->
<section class="section padding-top-70 padding-bottom-0" id="features">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                <img src="/imgs/田氏影业logo2.png" class="rounded img-fluid d-block mx-auto" alt="App">
            </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
                <div class="left-heading">
                    <h2 class="section-title">优质的售后服务</h2>
                </div>
                <div class="left-text">
                    <p>售后服务是售后最重要的环节。售后服务已经成为了企业保持或扩大市场份额的要件(如舒达、天猫、京东等)。售后服务的优劣能影响消费者的满意程度。在购买时，商品的保修、售后服务等有关规定可使顾客摆脱疑虑、摇摆的形态，下定决心购买商品。优质的售后服务可以算是品牌经济的产物，在市场激烈竞争的社会，随着消费者维权意识的提高和消费观念的变化，消费者们不再只关注产品本身，在同类产品的质量与性能都相似的情况下，更愿意选择这些拥有优质售后服务的公司。</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="hr"></div>
            </div>
        </div>
    </div>
</section>
<!-- ***** Features Big Item End ***** -->

<!-- ***** Features Big Item Start ***** -->
<section class="section padding-bottom-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-bottom-fix">
                <div class="left-heading">
                    <h2 class="section-title">消费者至上的服务宗旨</h2>
                </div>
                <div class="left-text">
                    <p>在与顾客谈话的过程中或者是了解、商讨对策的过程中，你要注意地去听，听出顾客真正的用意在哪里，看他们有什么不满或者抱怨的情形。如果你遇到的顾客表达可能不是特别好，或他讲话方面可能有一些结巴，但是你一定要有耐心，让顾客把他的问题说出来，听出真意。说出 不便说或不敢说的话才是重要的。</p>
                </div>
            </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-5 col-md-12 col-sm-12 align-self-center mobile-bottom-fix-big" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
                <img src="/imgs/TIANJIAJUNLOGO.png" class="rounded img-fluid d-block mx-auto" alt="App">
            </div>
        </div>
    </div>
</section>
<!-- ***** Features Big Item End ***** -->

<!-- ***** Home Parallax Start ***** -->
<section class="mini" id="work-process">
    <div class="mini-content">
        <div class="container">
            <div class="row">
                <div class="offset-lg-3 col-lg-6">
                    <div class="info">
                        <h1>我们提供的服务</h1>
                        <p>百年田氏励志打造全球顶尖的服务产业
                               百年田氏，缔造经典</p>
                    </div>
                </div>
            </div>

            <!-- ***** Mini Box Start ***** -->
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                    <a href="#" class="mini-box">
                        <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                        <strong>服务优质</strong>
                        <span>给您贵宾级别的观影体验</span>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                    <a href="#" class="mini-box">
                        <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                        <strong>设备先进</strong>
                        <span>进口影厅设备，邀您好看</span>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                    <a href="#" class="mini-box">
                        <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                        <strong>智能选座</strong>
                        <span>随心选座，智能匹配</span>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                    <a href="#" class="mini-box">
                        <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                        <strong>国际性强</strong>
                        <span>国际化程度较深，国际化要求较高。</span>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                    <a href="#" class="mini-box">
                        <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                        <strong>专业技术</strong>
                        <span>市场变化比较迅速，紧跟时代潮流</span>
                    </a>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                    <a href="#" class="mini-box">
                        <i><img src="/imgs/shouhoujiemian.png" alt=""></i>
                        <strong>百年品牌</strong>
                        <span>传承田家军百年老字号，品质保障</span>
                    </a>
                </div>
            </div>
            <!-- ***** Mini Box End ***** -->
        </div>
    </div>
</section>
<!-- ***** Home Parallax End ***** -->

<!-- ***** Testimonials Start ***** -->
<section class="section" id="testimonials">
    <div class="container">
        <!-- ***** Section Title Start ***** -->
        <div class="row">
            <div class="col-lg-12">
                <div class="center-heading">
                    <h2 class="section-title">消费者给予我们的评价</h2>
                </div>
            </div>
            <div class="offset-lg-3 col-lg-6">
                <div class="center-text">
                    <p>田氏励志打造国际化品牌，百姓口碑品牌。</p>
                </div>
            </div>
        </div>
        <!-- ***** Section Title End ***** -->

        <div class="row">
            <!-- ***** Testimonials Item Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="team-item">
                    <div class="team-content">
                        <i><img src="assets3/images/testimonial-icon.png" alt=""></i>
                        <p>田氏影业是百姓口碑影业，我希望大家都加入田家军，我二爷瘫痪在床多年，加入田家军，用了田氏购票系统，至今飞檐走壁，下落不明！</p>
                        <div class="user-image">
                            <img src="/imgs/caolaoban.jpg" alt="">
                        </div>
                        <div class="team-info">
                            <h3 class="user-name">项目经理-曹老板</h3>
                            <span>田家军创立奠基人</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ***** Testimonials Item End ***** -->

            <!-- ***** Testimonials Item Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="team-item">
                    <div class="team-content">
                        <i><img src="assets3/images/testimonial-icon.png" alt=""></i>
                        <p>非常好，我是第一次用这个软件，在这里买票非常方便不用来回折腾，非常建议大家下载，而且这里推荐的电影院非常好，服务态度很好也很热情，而且电影院里的屏幕也是非常好的，强力推荐。</p>
                        <div class="user-image">
                            <img src="/imgs/xiaogong.jpg" alt="">
                        </div>
                        <div class="team-info">
                            <h3 class="user-name">市场营销-龚龚</h3>
                            <span>田家军老客</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ***** Testimonials Item End ***** -->

            <!-- ***** Testimonials Item Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="team-item">
                    <div class="team-content">
                        <i><img src="assets3/images/testimonial-icon.png" alt=""></i>
                        <p>两分，呵，真棒，我就只会用到这东西一次，在我买票的时候自动开了个折扣卡，多付了11.9元，我用吗，可以给个提示吗，让我很亏好吗，不过有一说一，集团创始人很帅，很有自己的个性，这两分是给田哥的</p>
                        <div class="user-image">
                            <img src="/imgs/ruirui.jpg" alt="">
                        </div>
                        <div class="team-info">
                            <h3 class="user-name">田氏集团-锐锐</h3>
                            <span>田氏影业CEO</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ***** Testimonials Item End ***** -->
        </div>
    </div>
</section>
<!-- ***** Testimonials End ***** -->

<!-- ***** Pricing Plans Start ***** -->
<section class="section colored" id="pricing-plans">
    <div class="container">
        <!-- ***** Section Title Start ***** -->
        <div class="row">
            <div class="col-lg-12">
                <div class="center-heading">
                    <h2 class="section-title">现在加入田家军</h2>
                </div>
            </div>
            <div class="offset-lg-3 col-lg-6">
                <div class="center-text">
                    <p>成为田家一员，终身免费观影，更有其他优惠</p>
                </div>
            </div>
        </div>
        <!-- ***** Section Title End ***** -->

        <div class="row">
            <!-- ***** Pricing Item Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h3 class="pricing-title">月度VIP</h3>
                    </div>
                    <div class="pricing-body">
                        <div class="price-wrapper">
                            <span class="currency">¥</span>
                            <span class="price">23.33</span>
                            <span class="period">月度VIP</span>
                        </div>
                        <ul class="list">
                            <li class="active">热门电影观影券</li>
                            <li class="active">田家军创意logo</li>
                            <li class="active">爆米花可乐券</li>
                            <li>VIP观影通道</li>
                            <li>田氏至尊售后</li>
                            <li>终身免费观影</li>
                        </ul>
                    </div>
                    <div class="pricing-footer">
                        <a href="#" class="main-button">现在开通</a>
                    </div>
                </div>
            </div>
            <!-- ***** Pricing Item End ***** -->

            <!-- ***** Pricing Item Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s">
                <div class="pricing-item active">
                    <div class="pricing-header">
                        <h3 class="pricing-title">年度VIP</h3>
                    </div>
                    <div class="pricing-body">
                        <div class="price-wrapper">
                            <span class="currency">¥</span>
                            <span class="price">233</span>
                            <span class="period">年度VIP</span>
                        </div>
                        <ul class="list">
                            <li class="active">热门电影观影券</li>
                            <li class="active">田家军创意logo</li>
                            <li class="active">爆米花可乐券</li>
                            <li  class="active">VIP观影通道</li>
                            <li>田氏至尊售后</li>
                            <li>终身免费观影</li>
                        </ul>
                    </div>
                    <div class="pricing-footer">
                        <a href="#" class="main-button">现在开通</a>
                    </div>
                </div>
            </div>
            <!-- ***** Pricing Item End ***** -->

            <!-- ***** Pricing Item Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.6s">
                <div class="pricing-item">
                    <div class="pricing-header">
                        <h3 class="pricing-title">终身VIP</h3>
                    </div>
                    <div class="pricing-body">
                        <div class="price-wrapper">
                            <span class="currency">¥</span>
                            <span class="price">66666</span>
                            <span class="period">终身VIP</span>
                        </div>
                        <ul class="list">
                            <li class="active">热门电影观影券</li>
                            <li class="active">田家军创意logo</li>
                            <li class="active">爆米花可乐券</li>
                            <li class="active">VIP观影通道</li>
                            <li class="active">田氏至尊售后</li>
                            <li class="active">终身免费观影</li>
                        </ul>
                    </div>
                    <div class="pricing-footer">
                        <a href="#" class="main-button">开启至尊服务</a>
                    </div>
                </div>
            </div>
            <!-- ***** Pricing Item End ***** -->
        </div>
    </div>
</section>
<!-- ***** Pricing Plans End ***** -->

<!-- ***** Counter Parallax Start ***** -->
<section class="counter">
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="count-item decoration-bottom">
                        <strong>126</strong>
                        <span>国家连锁</span>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="count-item decoration-top">
                        <strong>12421</strong>
                        <span>线下门店</span>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="count-item decoration-bottom">
                        <strong>18</strong>
                        <span>国际奖项</span>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="count-item">
                        <strong>1221</strong>
                        <span>旗下电影</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ***** Counter Parallax End ***** -->

<!-- ***** Blog Start ***** -->
<section class="section" id="blog">
    <div class="container">
        <!-- ***** Section Title Start ***** -->
        <div class="row">
            <div class="col-lg-12">
                <div class="center-heading">
                    <h2 class="section-title">套餐服务</h2>
                </div>
            </div>
            <div class="offset-lg-3 col-lg-6">
                <div class="center-text">
                    <p>田家军提供的服务套餐，是您尊贵地位的象征</p>
                </div>
            </div>
        </div>
        <!-- ***** Section Title End ***** -->

        <div class="row">
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="blog-post-thumb">
                    <div class="img">
                        <img src="assets3/images/blog-item-01.png" alt="">
                    </div>
                    <div class="blog-content">
                        <h3>
                            <a href="#">多端互通</a>
                        </h3>
                        <div class="text">
                            线下观影线上观影一条龙服务，多端互通，让您在家里也能享受影厅级别的观影体验
                        </div>
                        <a href="#" class="main-button">阅读更多</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="blog-post-thumb">
                    <div class="img">
                        <img src="/imgs/dapaiip.png" alt="">
                    </div>
                    <div class="blog-content">
                        <h3>
                            <a href="#">大牌IP</a>
                        </h3>
                        <div class="text">
                            田氏影音旗下多款热门IP，海量影音，随心观看，总能满足您的品味
                        </div>
                        <a href="#" class="main-button">阅读更多</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="blog-post-thumb">
                    <div class="img">
                        <img src="/imgs/hezuomanwei.png" alt="">
                    </div>
                    <div class="blog-content">
                        <h3>
                            <a href="#">品牌合作</a>
                        </h3>
                        <div class="text">
                            田氏与全球多家知名影业保持合作关系，无论您身处何方都能体验到田家优质的服务
                        </div>
                        <a href="#" class="main-button">阅读更多</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ***** Blog End ***** -->

<!-- ***** Contact Us Start ***** -->
<section class="section colored" id="contact-us">
    <div class="container">
        <!-- ***** Section Title Start ***** -->
        <div class="row">
            <div class="col-lg-12">
                <div class="center-heading">
                    <h2 class="section-title">给我们留言</h2>
                </div>
            </div>
            <div class="offset-lg-3 col-lg-6">
                <div class="center-text">
                    <p>田氏集团的不断进步需要您宝贵的意见，我们会认真阅读您提到的每一个意见，并且会尽快回复。</p>
                </div>
            </div>
        </div>
        <!-- ***** Section Title End ***** -->

        <div class="row">
            <!-- ***** Contact Text Start ***** -->
            <div class="col-lg-4 col-md-6 col-sm-12">
                <h5 class="margin-bottom-30">现在发送邮件</h5>
                <div class="contact-text">
                    <p>黑龙江省哈尔滨市道外区 贯田路233号
                        <br>公司总部</p>
                    <p>留下您宝贵的意见</p>
                </div>
            </div>
            <!-- ***** Contact Text End ***** -->

            <!-- ***** Contact Form Start ***** -->
            <div class="col-lg-8 col-md-6 col-sm-12">
                <div class="contact-form">
                    <form id="contact" action="" method="get">
                        <div class="row">
                            <div class="col-lg-6 col-md-12 col-sm-12">
                                <fieldset>
                                    <input name="name" type="text" class="form-control" id="name" placeholder="尊姓大名" required="">
                                </fieldset>
                            </div>
                            <div class="col-lg-6 col-md-12 col-sm-12">
                                <fieldset>
                                    <input name="email" type="email" class="form-control" id="email" placeholder="E-Mail地址" required="">
                                </fieldset>
                            </div>
                            <div class="col-lg-12">
                                <fieldset>
                                    <textarea name="message" rows="6" class="form-control" id="message" placeholder="宝贵意见" required=""></textarea>
                                </fieldset>
                            </div>
                            <div class="col-lg-12">
                                <fieldset>
                                    <button type="button" onclick="zouni()" id="form-submit" class="main-button">现在发送</button>
                                </fieldset>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- ***** Contact Form End ***** -->
        </div>
    </div>
</section>
<!-- ***** Contact Us End ***** -->

<!-- ***** Footer Start ***** -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <ul class="social">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>
                    <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <p class="copyright">Copyright &copy; 汇聚四方才智，缔造百年田氏</p>
            </div>
        </div>
    </div>
</footer>

<!-- jQuery -->
<script src="assets3/js/jquery-2.1.0.min.js"></script>

<!-- Bootstrap -->
<script src="assets3/js/popper.js"></script>
<script src="assets3/js/bootstrap.min.js"></script>

<!-- Plugins -->
<script src="assets3/js/scrollreveal.min.js"></script>
<script src="assets3/js/waypoints.min.js"></script>
<script src="assets3/js/jquery.counterup.min.js"></script>
<script src="assets3/js/imgfix.min.js"></script>

<!-- Global Init -->
<script src="assets3/js/custom.js"></script>
<script>
    function zouni() {
        window.location="user/index3"

    }
</script>
</body>
</html>